@import './base.css';

@font-face {
  font-family: "MonaspaceRadon_Bold";
  src: url(/fonts/MonaspaceRadon-Bold.otf);
}

:root {
  --headerHeight: 68px
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px #45454515;
  background: rgba(116, 113, 113, .4039215686);
}

*::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 5px #3131310a;
  background: rgba(255, 255, 255, .0392156863);
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body{
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
#app {
  margin: 0 auto;
  font-weight: normal;
}

svg {
  height: 100%;
  width: 100%;
}

div,
a {
  border-radius: 4px;
}

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.logo,
.login_reg {
  border-radius: 0;
}

a,
.green {
  text-decoration: none;
  color: var(--vt-c-hove-color1);
  transition: 0.4s;
  padding: 0 .3cm;
  border: 1px solid transparent;
  display: inline-block;
}

.animation_a:hover {
  background-color: hsla(160, 100%, 37%, 0.2);
  animation-duration: 0.3s;
  animation-name: douDong;
  animation-iteration-count: 1.5;
}

@keyframes douDong {

  20%,
  60%,
  100% {
    transform: rotate(3deg);
  }

  40%,
  80% {
    transform: rotate(-3deg);
  }
}

.test_box_class {
  height: 200px;
  min-width: 100px;
  margin: 0 20px 20px 20px;
  font-size: 20px;
  display: inline-block;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

.padding10_15 {
  padding: 10px 15px;
}

.a {
  cursor: pointer;
  user-select: none;
}

.el-image-viewer__wrapper {
  z-index: 999 !important;
  /* height: calc(100vh - 68px); */
  width: 100vw;
}

.el-image-viewer__canvas img {
  height: 60vh !important;
  object-fit: contain;
}

@media screen and (max-width: 1000px) {
  :root {
    --headerHeight: 48px;
  }

  /* .el-image-viewer__wrapper {
    height: calc(100vh - 48px) !important;
  } */
}

.publish_lock {
  overflow: hidden;
}

.hidden {
  overflow: hidden;
}

.fixed_t_100 {
  position: fixed;
  top: 100%;
}

.w100_h100 {
  height: 100% !important;
  width: 100% !important;
}

.hover_777:hover {
  background: #777;
}

.color_black {
  color: black;
}

.noSelectA {
  user-select: none;
  cursor: pointer;
}

.noSelect {
  user-select: none;
  cursor: default;
}